<template>
  <div>
<!--    <header title="积分" id="title" />-->
    <myNavbar title="积分"></myNavbar>

    <div class="saveCard_header bs">
      <text class="saveCard_header_title">积分余额</text>
    </div>
    <div class="saveCard_balance_box">
      <div style="display:flex;flex-direction: row;align-items: center">
        <text class="saveCard_balance_Titlt">余额：</text>
<!--        <text class="saveCard_balance">{{memberInfo.matchPoint}}个</text>-->
        <text class="saveCard_balance">{{matchPoint}}个</text>


      </div>
    </div>
    <div style="padding-left:30px;padding-top:40px;">
      <div class="saveCard_botton_bottom botton_bd_color" style="border-color:rgba(235, 89, 79, 1);" @click="toDistribution">
        <text class="saveCard_botton_bottom_title botton_bd_fz_color">明细</text>
      </div>
<!--      <div class="saveCard_botton_bottom botton_bd_color" style="border-color:rgba(235, 89, 79, 1);" @click="toDistribution1">-->
<!--        <text class="saveCard_botton_bottom_title botton_bd_fz_color">跳商品详情</text>-->
<!--      </div>-->
    </div>
    <div class="rule-dio">
      <div class="rule-title" style="flex-direction: row">
        <div class="botton_Bg_Color"style="width:50px;height:4px;margin-right:20px;border-radius:15px;"></div>
        <text class="botton_bd_fz_color rule-title-text">积分规则</text>
        <div class="botton_Bg_Color" style="width:50px;height:4px;margin-left:20px;border-radius:15px"></div>
      </div>
      <div class="rule-text"><text class="rule-text2">1、购买商城商品获取得分</text></div>
      <div class="rule-text"><text class="rule-text2">2、参加平台活动可以获得积分</text></div>
      <div class="rule-text"><text class="rule-text2">3、积分可到积分专区兑换等价商品</text></div>
      <!-- <div class="rule-click botton_Bg_Color" bindtap="canvasClick">邀请好友成为会员</div> -->
    </div>
    <div style="width:750px;height:50px"></div>
    <div class="isMaskCanvas" v-if="canvasType == true">
      <text class="iconfont .icon-close cancelCanvasBotton" @click="cancleCanvasClick"></text>
      <div class='poste_content' id='canvas-container'>
<!--        <canvas canvas-id="canvas-show" style="width:100%;height:{{canvasHeight}}px;" id="canvas-show"></canvas>-->
      </div>
      <div class="canvasBotton" @click="saveShareImg">
        <text class="canvasBottonTitle">保存图片</text>
      </div>
    </div>
  </div>
</template>
<script>

import {
  getInfo,
} from '@/api/member'
import myNavbar from "../../../components/myNavbar/myNavbar.vue";

 export default {
   data(){
     return{
       // memberInfo: {matchPoint:'0'},
       matchPoint:'0',
     }
   },
   components: { myNavbar },
   mounted(){
     console.log('版本号')
     this.getInfo()
   },
   methods:{

     //获取用户信息
     getInfo() {
       console.log("888888888888888888888888888888")
       var _this = this
       getInfo().then(
           res => {
             console.log(res)
             if (res.type == 'success') {
               _this.point = res.data.point
               _this.virtualStock = res.data.virtualStock
               _this.couponCode = res.data.couponCode
               _this.matchPoint = res.data.matchPoint
               _this.warehouse = res.data.balance
             }
           }
       ).catch(error => {
         console.log(error)
       })
     },
     toSaveCard: function (e) {
       this.checkLogin(() => {
         eeui.openPage({
               url: 'root://pages/member/saveCard/index',
               statusBarType: 'immersion',
               statusBarStyle: false
             }, (result) => {}
         );
       })
     },
     toDistribution(){
       this.checkLogin(() => {
         eeui.openPage({
               url: 'root://pages/member/integral/details',
               statusBarType: 'immersion',
               statusBarStyle: false
             }, (result) => {}
         );
       })
     },
     toDistribution1(){
       this.checkLogin(() => {
         eeui.openPage({
               url: 'root://pages/tabBar/ProductList',
               statusBarType: 'immersion',
               statusBarStyle: false
             }, (result) => {}
         );
       })
     },
     //检测用户的登陆状态
     checkLogin(callback) {
       var _this = this
       if (_this.getGlobalData().token == null) {
         eeui.openPage({
               url: 'root://pages/login/msgLogin.js',
               statusBarType: 'immersion',
               statusBarStyle: false
             }, (result) => {}
         );
       } else {
         if (callback) {
           callback()
         }
       }
     },
   }
 }
</script>
<style scoped>
.botton_Bg_Color {
  background-color:red;
}
.botton_bd_fz_color {
  color: rgba(235, 89, 79, 1);
}
.rule-title {
  width: 650px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  font-size: 40px;
  margin-bottom: 20px;
}
.rule-title-text{
  font-size: 40px;
}

page {
  background: rgb(248, 248, 248);
}

.vein {
  position: absolute;
  width: 100%;
}

.rule-content {
  z-index: 200;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rule-dio {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: center;
  width: 690px;
  background-color: white;
  border-radius: 16px;
  margin-left: 30px;
  margin-top: 50px;
  box-sizing: border-box;
}
.rule-text{
  width: 600px;
  display: flex;
  align-items: center;
  font-size: 26px;
  padding-top: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.rule-text2{
  width: 600px;
  display: flex;
  align-items: center;
  font-size: 26px;
  padding-top: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.yue{
  font-size: 24px;
  font-family: PingFangSC;
  font-weight: 400;
  color: #1a1a1e;
  opacity: 0.3;
}
.rule-click {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  height: 80px;
  width: 600px;
  /* background: linear-gradient(to right, #474747, #474747); */
  color: white;
  border-radius: 14px;
}

.rule-title {
  /* color: #b19e81; */
  width: 650px;
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
  border-bottom-style:solid;
  border-bottom-width: 1px;
  border-bottom-color:rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  font-size: 40px;
  margin-bottom: 20px;
}

.deposit {
  width: 750px;
  height: 600px;
  background-image: linear-gradient(to bottom, #c2c2c2, #f8f8f8);

}
.price-content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.total-deposit {
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.total-deposit-head {
  width: 655px;
  padding-top: 30px;
  height: 105px;
  background: linear-gradient(to right, #f7dec5, #f0d0a7);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}

.total-deposit-bottom {
  height: 120px;
  background-color: white;
  width: 710px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.aaaa {
  width: 750px;
  height: 91px;
}

.total-deposit-money {
  width: 695px;
  display: flex;
  justify-content: space-between;
}

.botton-deposit {
  background-color: white;
  padding: 20px;
  width: 690px;
  box-sizing: border-box;
  margin-left: 30px;
  margin-top: 50px;
  border-radius: 12px;
}

.botton-deposit-title-content {
  height: 40px;
  width: 143px;
  display: flex;
  justify-content: space-between;
}

.vertical {
  margin-top: 10px;
  height: 30px;
  width: 10px;
  background: linear-gradient(to bottom, #FFFFF0, #FFD39B);
}

.botton-deposit-title {
  font-size: 30px;
}

.botton-deposit-botton-content {
  display: flex;
  justify-content: space-around;

}

.title-button {
  margin-top: 10px;
  font-size: 24px;

}

.button-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* margin-top: 40px; */
  width: 200px;

}

.button {
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(to right, #f7dec5, #f0d0a7);
}

.title {
  margin-top: 10px;
  font-size: 28px;
  margin-left: 20px;
}

.detailed-content {
  padding-top: 20px;
  padding-right: 20px;
  margin-top: 30px;
  background-color: white;
  overflow-y: auto;
}

.detailed-title-content {
  width: 710px;
  padding-left: 20px;
  display: flex;
  margin-bottom: 40px;
  overflow: hidden;

}

.detailed-box-content {
  background-color: white;
  padding-right: 35px;
  padding-left: 35px;
  align-content: center;
  justify-content: space-between;
  height: 140px;
}

.detailed-title {
  margin-left: 20px;
  width: 400px;
  display: flex;
  flex-direction: column;

}
.aaaaa{
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 400px;
  max-height: 92px;
}
.detailed-name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  justify-content: space-between;
  font-size: 25px;
}

.detailed-date {
  margin-top: 10px;
  font-size: 25px;
  color: #808080;
}

.price {
  float: right;
  color: #FF6347;
  font-weight: 700;
  font-size: 27px;
}
.reducePrice{
  float: right;
  color: black;
  font-weight: 700;
  font-size: 27px;
}
.invitation-button {

  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #333333;
  color: #ffffde;
  font-size: 30px;
  border-radius: 20px;
}

.header {
  height: 146px;
  padding-right: 47px;
  padding-left: 30px;
  display: flex;
  justify-content: space-between;
}

.header-info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}


.rule {
  z-index: 100;
  width: 170px;
  height: 50px;
  border-radius: 20px;
  opacity: 0.8;
  display: flex;
  justify-content:space-evenly;
  align-items: center;
  font-size: 25px;
}

.rule-circular {
  height: 30px;
  width: 30px;
  border: 4px solid;
  color: black;
  border-radius: 50px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.isMaskCanvas {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.cancelCanvasBotton {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  color: white;
  font-size: 40px;
  width: 440px;
  margin-bottom: 20px;
}


.poste_content {
  width: 440px;
  /* margin: auto; */
  overflow: hidden;
  /* margin-top: 200px; */
  /* background-color: #fff; */
  /* position: absolute;
  top: 0; */
  z-index: 9999;
  border-radius: 16px;
}
.canvasBotton {
  border: 2px solid white;
  padding: 10px 100px;
  border-radius: 100px;
  margin-top: 40px;
}
.canvasBottonTitle {
  font-size: 28px;
  color: white;
}



.saveCard_header{
  width: 750px;
  height: 160px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 30px;
  box-sizing: border-box;
  background-color: white;
}
.saveCard_header_title{
  font-size: 50px;
  color: black;
}

.saveCard_balance_Titlt{
  font-size: 26px;
}

.saveCard_balance{
  font-size: 46px;
}

.saveCard_balance_subTitle{
  font-size: 22px;
  color: rgba(0, 0, 0, 0.4);
  display: block;
}

.saveCard_balance_box{
  width: 690px;
  margin-left: 30px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  box-sizing: border-box;
  padding-bottom: 40px;
  margin-top: 50px;
}

.saveCard_history{
  font-size: 26px;
  padding-left: 30px;
  display: block;
  margin-top: 40px;
  color: rgba(0, 0, 0, 0.4);
}

.saveCard_botton_top{
  width: 150px;
  height: 60px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.saveCard_botton_top_title{
  font-size: 28px;
  color: white;
}

.saveCard_botton_bottom_title{
  font-size: 28px;
}

.saveCard_botton_bottom{
  width: 150px;
  height: 60px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  margin-top: 20px;
}
</style>









<!--<template>-->
<!--    <div>-->
<!--      <div class="mine-wallet" v-if="VERSION == 0">-->
<!--        <div class="mine-wallet-saveCardOne" @click="toSaveCard">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont .icon-huiyuanqia"></text>-->
<!--            <text>{{balance}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">会员卡</div>-->
<!--        </div>-->
<!--        <div class="mine-wallet-saveCard" @click="toPione">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont .icon-jinbi"></text>-->
<!--            <text>{{point/100}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">钱包</div>-->

<!--        </div>-->
<!--        <div class="mine-wallet-saveCardOne" @click="toShopCard">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont icon-qiaquan"></text>-->
<!--            <text>{{benefits}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">福利卡</div>-->

<!--        </div>-->
<!--      </div>-->
<!--      <div class="mine-wallet" v-if="VERSION ==1">-->
<!--        <div class="mine-wallet-saveCard" @click="toPione">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont .icon-jinbi"></text>-->
<!--            <text>{{point/100}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">钱包</div>-->

<!--        </div>-->
<!--        <div class="mine-wallet-saveCard" @click="toShopCard">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont icon-qiaquan"></text>-->
<!--            <text>{{waterPrice}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">空桶押金</div>-->
<!--        </div>-->
<!--        <div class="mine-wallet-saveCard" @click="toIntegral">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont icon-qiaquan"></text>-->
<!--            {{matchPoint}}-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">积分</div>-->

<!--        </div>-->
<!--      </div>-->
<!--      <div class="mine-wallet" v-if="VERSION ==2">-->

<!--        <div class="mine-wallet-saveCard" @click="toPione">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont .icon-jinbi"></text>-->
<!--            <text>{{point/100}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">钱包</div>-->
<!--        </div>-->
<!--        <div class="mine-wallet-saveCard" @click="toSaveCard">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont .icon-huiyuanqia"></text>-->
<!--            <text>{{balance}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">会员卡</div>-->
<!--        </div>-->
<!--        <div class="mine-wallet-saveCard" @click="toIntegral">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont icon-qiaquan"></text>-->
<!--            <text>{{matchPoint}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">积分</div>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="mine-wallet" v-if="VERSION ==3">-->
<!--        <div class="mine-wallet-saveCard" @click="toPione">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont .icon-jinbi"></text>-->
<!--            <text>{{point}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">钱包</div>-->
<!--        </div>-->
<!--        <div class="mine-wallet-saveCard" @click="toVouchers">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont .icon-huiyuanqia"></text>-->
<!--            <text>{{couponCode}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">提货券</div>-->

<!--        </div>-->
<!--        <div class="mine-wallet-saveCard" @click="toIntegral">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <text class="iconfont icon-qiaquan"></text>-->
<!--            <text> {{matchPoint}}</text>-->
<!--          </div>-->
<!--          <div class="mine-wallet-text">积分</div>-->

<!--        </div>-->
<!--      </div>-->
<!--      <div class="mine-wallet" v-if="VERSION == 4">-->
<!--        <div class="mine-wallet-saveCard" @click="toIntegral">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <div>-->
<!--              <text class="iconfont icon-qiaquan"></text>-->
<!--            </div>-->
<!--            <text class="mine-wallet-amount_title">{{matchPoint}}</text>-->
<!--          </div>-->
<!--          <text class="mine-wallet-text">积分</text>-->
<!--        </div>-->
<!--        <div class="mine-wallet-saveCard" @click="toPione">-->
<!--          <div class="mine-wallet-amount">-->
<!--            <div>-->
<!--              <text class="iconfont .icon-jinbi"></text>-->
<!--            </div>-->
<!--            <text class="mine-wallet-amount_title">{{point/100}}</text>-->
<!--          </div>-->
<!--          <text class="mine-wallet-text">钱包</text>-->
<!--        </div>-->
<!--        <div class="mine-wallet-saveCard" @click="toWarehouse">-->
<!--          <div class="mine-wallet-amount">-->
<!--            &lt;!&ndash; <text class="iconfont .icon-jinbi"></text> {{warehouse}} &ndash;&gt;-->
<!--            <image class="mine-wallet-amount_img" src="https://rzico-weex.oss-cn-hangzhou.aliyuncs.com/img/warehouse.png"></image>-->
<!--            <text class="mine-wallet-amount_title">{{warehouse}}</text>-->
<!--          </div>-->
<!--          <text class="mine-wallet-text">库存</text>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--</template>-->
<!--<script>-->
<!--import {-->
<!--  summary-->
<!--} from '@/api/card'-->
<!--import {-->
<!--  list-->
<!--} from '@/api/virtualStock'-->
<!--import {-->
<!--  getInfo,-->
<!--} from '@/api/member'-->
<!-- export default {-->
<!--   data(){-->
<!--     return{-->
<!--       balance: '0.00', //账户余额-->
<!--       benefits: '0.00', //福利金-->
<!--       point: 0,-->
<!--       virtualStock: 0,-->
<!--       couponCode: 0,-->
<!--       matchPoint: 0,-->
<!--       waterPrice:0,-->
<!--       warehouse:'0',-->
<!--     }-->
<!--   },-->
<!--   mounted(){-->
<!--     console.log('版本号')-->
<!--     console.log()-->
<!--     this.getSummary()-->
<!--     this.getInfo()-->
<!--   },-->
<!--   methods:{-->
<!--     getSummary() {-->
<!--       var _this = this-->
<!--       console.log("请求用户的账户卡和福利金的余额数据&#45;&#45;")-->
<!--       summary().then(-->
<!--           res => {-->
<!--             console.log("接收用户信息&#45;&#45;" + JSON.stringify(res))-->
<!--             if (res.type == 'success') {-->
<!--               if (res.hasOwnProperty("data")) {-->
<!--                 if (res.data.hasOwnProperty("benefits")) {-->
<!--                   _this.benefits = res.data.benefits.toFixed(2)-->
<!--                 }-->
<!--                 if (res.data.hasOwnProperty("balance")) {-->
<!--                   _this.babalance = res.data.balance.toFixed(2)-->
<!--                 }-->
<!--               }-->
<!--             }-->
<!--           }-->
<!--       ).catch(error => {-->
<!--         console.log(error)-->
<!--       })-->
<!--     },-->
<!--     //获取用户信息-->
<!--     getInfo() {-->
<!--       var _this = this-->
<!--       getInfo().then(-->
<!--           res => {-->
<!--             console.log(res)-->
<!--             if (res.type == 'success') {-->
<!--               _this.point = res.data.point-->
<!--               _this.virtualStock = res.data.virtualStock-->
<!--               _this.couponCode = res.data.couponCode-->
<!--               _this.matchPoint = res.data.matchPoint-->
<!--               _this.warehouse = res.data.balance-->
<!--             }-->
<!--           }-->
<!--       ).catch(error => {-->
<!--         console.log(error)-->
<!--       })-->
<!--     },-->
<!--     toSaveCard: function (e) {-->
<!--       this.checkLogin(() => {-->
<!--         eeui.openPage({-->
<!--               url: 'root://pages/member/saveCard/index',-->
<!--               statusBarType: 'immersion',-->
<!--               statusBarStyle: false-->
<!--             }, (result) => {}-->
<!--         );-->
<!--       })-->
<!--     },-->
<!--     toPione: function (e) {-->
<!--       this.checkLogin(() => {-->
<!--         eeui.openPage({-->
<!--               url: 'root://pages/member/distribution/index',-->
<!--               statusBarType: 'immersion',-->
<!--               statusBarStyle: false-->
<!--             }, (result) => {}-->
<!--         );-->
<!--       })-->
<!--     },-->
<!--     // 跳转到库存-->
<!--     toWarehouse: function (e) {-->
<!--       this.checkLogin(() => {-->
<!--         eeui.openPage({-->
<!--               url: 'root://pages/member/warehouse/warehouse?balance='+this.data.warehouse,-->
<!--               statusBarType: 'immersion',-->
<!--               statusBarStyle: false-->
<!--             }, (result) => {}-->
<!--         );-->
<!--       })-->
<!--     },-->
<!--     //跳转到福利金的页面-->
<!--     toShopCard: function (e) {-->
<!--       if (this.VERSION === 0 || this.VERSION === 2) {-->
<!--         this.checkLogin(() => {-->
<!--           eeui.openPage({-->
<!--                 url: 'root://pages/member/shopCard/shopCard',-->
<!--                 statusBarType: 'immersion',-->
<!--                 statusBarStyle: false-->
<!--               }, (result) => {}-->
<!--           );-->
<!--         })-->
<!--       } else if (this.VERSION === 1) {-->
<!--         this.checkLogin(() => {-->
<!--           eeui.openPage({-->
<!--                 url: 'root://pages/member/emptyBarrel/emptyBarrel',-->
<!--                 statusBarType: 'immersion',-->
<!--                 statusBarStyle: false-->
<!--               }, (result) => {}-->
<!--           );-->
<!--         })-->
<!--       }-->
<!--     },-->
<!--     toVouchers() {-->
<!--       this.checkLogin(() => {-->
<!--         eeui.openPage({-->
<!--               url: 'root://pages/member/couponCodeGift/index?currentTab=0',-->
<!--               statusBarType: 'immersion',-->
<!--               statusBarStyle: false-->
<!--             }, (result) => {}-->
<!--         );-->
<!--       })-->
<!--     },-->
<!--     toIntegral() {-->
<!--       this.checkLogin(() => {-->
<!--         eeui.openPage({-->
<!--               url: 'root://pages/member/integral/integral.js',-->
<!--               statusBarType: 'immersion',-->
<!--               statusBarStyle: false-->
<!--             }, (result) => {}-->
<!--         );-->
<!--       })-->
<!--     },-->
<!--     //检测用户的登陆状态-->
<!--     checkLogin(callback) {-->
<!--       var _this = this-->
<!--       if (_this.getGlobalData().token == null) {-->
<!--         eeui.openPage({-->
<!--               url: 'root://pages/login/msgLogin.js',-->
<!--               statusBarType: 'immersion',-->
<!--               statusBarStyle: false-->
<!--             }, (result) => {}-->
<!--         );-->
<!--       } else {-->
<!--         if (callback) {-->
<!--           callback()-->
<!--         }-->
<!--       }-->
<!--     },-->
<!--   }-->
<!-- }-->
<!--</script>-->
<!--<style scoped>-->
<!--@import "src/style/wx.css";-->
<!--@import "src/style/common.css";-->
<!--.mine-wallet {-->
<!--  margin-top: 30px;-->
<!--  margin-left: 30px;-->
<!--  height: 160px;-->
<!--  border-radius: 14px;-->
<!--  background-color: rgba(255, 255, 255, 1);-->
<!--  display: flex;-->
<!--  flex-direction: row;-->
<!--  align-items: center;-->
<!--  width: 690px;-->
<!--}-->

<!--.mine-wallet-text {-->
<!--  padding-top: 10px;-->
<!--  font-size: 22px;-->
<!--  font-family: PingFangSC;-->
<!--  font-weight: 400;-->
<!--  color: rgba(26, 26, 30, 1);-->
<!--  opacity: 0.5;-->
<!--}-->


<!--.mine-wallet-amount_title{-->
<!--  font-size: 32px;-->
<!--  margin-right: 4px;-->
<!--}-->

<!--.mine-wallet-saveCardOne {-->
<!--  display: flex;-->
<!--  justify-content: center;-->
<!--  align-items: center;-->
<!--  flex-direction: column;-->
<!--  flex: 1;-->
<!--  overflow: hidden;-->
<!--}-->

<!--.mine-wallet-saveCard {-->
<!--  display: flex;-->
<!--  justify-content: center;-->
<!--  align-items: center;-->
<!--  flex-direction: column;-->
<!--  flex: 1;-->
<!--  overflow: hidden;-->
<!--}-->


<!--.mine-wallet-shopCard {-->
<!--  margin-top: 30px;-->
<!--  margin-bottom: 30px;-->
<!--  width: 50%;-->
<!--  border-left-color: rgba(231, 233, 237, 1);-->
<!--  border-left-style: solid;-->
<!--  border-left-width: 3px;-->
<!--}-->

<!--.iconfontCss{-->
<!--  font-size: 30px;-->
<!--  color: black;-->
<!--}-->
<!--.mine-wallet-amount {-->
<!--  display: flex;-->
<!--  flex-direction: row;-->
<!--  align-items: center;-->
<!--  justify-content: center;-->
<!--}-->

<!--.mine-wallet-amount_img{-->
<!--  margin-right: 4px;-->
<!--  /* padding-bottom: 6px; */-->
<!--  width: 32px;-->
<!--  height: 32px;-->
<!--}-->


<!--</style>-->

